<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /* 
           模板字符串：
              1.具有普通字符串的所有功能，加强版的字符串。
              2.用反引号``定义
              3.定义多行字符串
              4.字符串中加入变量和表达式
        */
       var str = '看不见我如何委屈求全';

    //    1.``定义
    var music = `多少人怕寂寞`;

    // 2.当成普通的字符串使用
    console.log(music + `,和人群一起看烟火`);
    console.log(music.length);

    // 3.多行字符串(支持换行)
    var musics = `都沸沸扬扬 你一定在云彩上
                  耳朵先撒了谎 是你离开的模样`
    console.log(musics);

    // 4.可以直接使用变量
    let music1 = `迟迟`;
    console.log(`今天听薛之谦的${music1}`);
    console.log(music1.length);

    // 5.表达式
    let age =10;
    console.log(`今年我${age}岁了`);

    // 6.支持函数
    function cook(menu) {
            if(menu == '烤土豆','炸土豆') {
                console.log(`老板，来一个${menu}`);
                return '烤土豆';

            } else if(menu =='淀粉肠','炸淀粉肠') {
                console.log(`老板，来一个${menu}`);
                return '淀粉肠';
            } else {
                console.log(`老板，来一个${menu}`);
                return '五谷鱼粉';
            }
        }
        let menu = prompt('今天晚上吃什么');
        console.log(`今天晚上吃${cook(menu)}`);
    </script>
</body>

</html>